<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
        *{
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        .toubu{
            height: 74px;
            background: url('tbbeijing.jpg')repeat-x;
        }
        .daohang{
            width: 968px;
            height: 74px;
            margin:0px auto;
        }
        .daohang h1{
            float: left;
        }

        .daohang img{
            height: 40px;
            margin-top: 16px;

        }
        .daohang ul{
            float: right;
        }
        .daohang li{
            float:left;
        }
        .daohang li{
            margin-right: 14px;
            padding:9px;
            margin-top: 17px;
        }
        .daohang a{
            font-size: 13px;
            text-decoration: none;
            color: white;
        }
        .daohang li :hover{
            background: palegreen;
            border-radius: 20px;
        }
        .zhanshi{
            height: 424px;
            background: #dbdddc;
            border-width: 1px red;
            margin-bottom: 48px;
            margin-left: auto;
            margin-right: auto;
        }
        .zhanshizhong{
            width: 968px;
            height: 424px;
            margin-left: auto;
            margin-right: auto;
        }
        .zhanshileft{
            margin-left: auto;
            margin-right: auto;
        }
        .zhanshileft{
            float: left;
            margin-bottom: 20px;
            margin-top: 56px;
            
        }
        .zhanshiright{
            float:right;

        }
        .zhanshileft h2{
            margin-bottom: 20px;
        }
        .zhanshileft li{
            margin-bottom: 15px;
        }
        .zsz{
            margin-left: auto;
            margin-right: auto;
        }
        .weibu{
            height: 452px;
            width: 1000px;
            margin: 0px auto;
        }

        .weibuleft{
            float: left;
            width: 645px;
        }
        .weibuleft img.erweima{
            float:left;
        }
        .weibuleft img.wind{
            margin-left: 19px;
            margin-right: 19px;
        }
        .weibuleft img.mac{
            float:right;
        }
        .weiburight{
            float: right;
            width: 317px;
            height:450px;
        }
        .weiburight h6{
            font-size: 30px；
            float:left;
            margin-left: 21px;
            margin-right: auto;
            margin-bottom:17px;
        }
        .weiburight li{

            margin-left: 25px;
            margin-bottom: 19px;
        }
        .weibuleft h4{
            float:left;
            margin-right: 148px;
            margin-bottom: 14px;
        }
        .weibuleft h5{
            float:left;
            margin-right: 141px;
            margin-bottom: 14px;
        }
        .weibuleft h3{
            float:left;
            margin-bottom: 14px;
            margin-left: auto;
        }
        .weiburight h7{

            margin-left: 19px;
        }

        .x{

            margin-left: 19px;
            width: 98px;
            height: 32px;
        }
        .weibuleft ul.wangye{
            float: left;
            margin-top: 12px;
            margin-right: 50px;
        }
        .weibuleft ul.mac{
            float: left;
            margin-top: 12px;
            margin-right: 79px;
        }
        .weibuleft ul.wind{
            float: left;
            margin-top: 12px;
        }
        .foot{

            width: 1000px;
            height: 52px;
            margin: 0px auto;

            margin-top: 22px;
            border-top: 1px solid #d4dadf;

        }
        .foot a.fanti{
            float: right;
            margin-top: 14px;
            margin-left: 17px;
        }
        .foot a.jianti{
            float: right;
            margin-top: 14px;
            margin-left: 17px;
        }
        .foot a.e{
            float: right;
            margin-top: 14px;
            margin-left: 17px;
        }
        .foot a.yingsi{
            float: left;
            margin-left: 17px;
            margin-top: 14px;
        }
        .foot a.kefu{
            float: left;
            margin-left: 17px;
            margin-top: 14px;
        }
        .foot a.fuwu{
            float: left;
            margin-left: 17px;
            margin-top: 14px;
        }
        .foot a.tengxun{
            float: left;
            margin-left: 17px;
            margin-top: 14px;
        }
        .foot a.shiyong{
            float: left;
            margin-left: 17px;
            margin-top: 14px;
        }


        </style>
        
    </head>
    <body>
        <div class="toubu">
            <div class="daohang">
                <h1>
                    <a href="">
                        <img src="Wechat.png" alt="">
                    </a>
                </h1>
                <ul>
                    <li>
                        <a href="">
                            首页
                        </a>
                    </li>
                    <li>
                        <a href="">
                                帮助与反馈
                        </a>
                    </li>
                    <li>
                        <a href="">
                                公众平台
                        </a>
                    </li>
                    <li>
                        <a href="">
                                开放平台
                        </a>
                    </li>
                    <li>
                        <a href="">
                                微信支付
                        </a>
                    </li>
                    <li>
                        <a href="">
                                微信广告
                        </a>
                    </li>
                    <li>
                        <a href="">
                               企业微信
                        </a>
                    </li>
                    <li>
                        <a href="">
                                表情开放平台
                        </a>
                    </li>
                    <li>
                            <a href="">
                                   微信网页版
                            </a>
                        </li>
                </ul>
            </div>
        </div>
        <div class="zhanshi">
            <div class="zhanshizhong">
                    <div class="zhanshiright">
                        <img src="gundong.png" alt="">
                        <div class="zsz">
                                <ul>
                                        <li>微信 2.6.1 for Mac 发布 </li>
                                        <li>Mac 2.6.1</li>
                                </ul>
            
                        </div>
                        
                     </div>
                        <div class="zhanshileft">
                            <h2>微信，是一个生活方式</h2>
                            <ul class="s">
                                <li>超过十亿人使用的手机应用</li>
                                <li>支持发送语音短信、视频、图片和文字</li>
                                <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                            </ul>
                            <a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6"><img src="down.png" alt=""></a>
                            <ul>
                                <li>忘记了微信帐号或密码？</li>
                                <li>自助解除登录或功能限制</li>
                                <li>冻结或解冻微信帐号 </li>
                            </ul>
                        
                         </div>
            </div>
        </div>
        <div class="weibu">
             <div class="weiburight">
                 <h6>最新消息</h6>
                 <ul>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/android/802/index&amp;faq=android_802"><li>微信 8.0.2 for Android 正式版发布</li></a>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/win/321/index&amp;faq=win_321"><li>微信 3.2.1 for Windows 正式版发布</li></a>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/ios/802/index&amp;faq=ios_802"><li>微信 8.0.2 for iOS 正式版发布</li></a>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/mac/261/index&amp;faq=mac_261"><li>微信 2.6.1 for Mac 正式版发布</li></a>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/upgrade"><li>关于部分 iOS 9 用户无法更新微信</li></a>
                        <a href="/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification"><li>微信外部链接内容管理规范</li></a>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/web/21/index&amp;faq=web_21"><li>微信网页版 2.1 版本发布</li></a>
                        <a href="https://sticker.weixin.qq.com/"><li>微信表情开放平台上线</li></a>
                        <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_rumor_filter"><li>官方辟谣公众号开通</li></a>
                 </ul>
                 <h7>查看更多</h7>
                 <div class="x"><img src="lianxi.png" alt=""><h8>联系我们</h8></div>
             </div>
            <div class="weibuleft">
                    <img src="erweima.png" alt="" class="erwei">
                    <img src="mac.png" alt="" class="mac">
                    <img src="wind.png" alt="" class="wind">
                    <h4>微信网页版</h4>
                    <h5>微信 Mac 版</h5>
                    <h3>微信 Winddows 版</h3>
                    <ul class="wangye">
                        <li>扫一扫二维码</li>
                        <li>就能在浏览器上使用微信</li>
                    </ul>
                    <ul class="mac">
                        <li>极致间接，迅捷沟通</li>
                    </ul>
                    <ul class="wind">
                        <li>让沟通更方便</li>
                    </ul>
            </div>
        </div>
        <div class="foot">
            
            <a href="" class="tengxun">关于腾讯</a>
            <a href="" class="fuwu">服务条款</a>
            <a href="" class="shiyong">使用规范</a>
            <a href="" class="kefu">客服中心</a>
            <a href="" class="yingsi">隐私保护指引</a>
            <a href="" class="e">English</a>
            <a href="" class="jianti">简体中文</a>
            <a href="" class="fanti">繁体中文</a>

            
            
        </div>
    </body>
</html>